<template>
    <div class="login-bj">                
        <form id="loginForm">
            <fieldset id="body">
                <fieldset>
                    <label for="email">Email Address</label>
                    <input type="text" name="email" id="email">
                </fieldset>
                <fieldset>
                    <label for="password">Password</label>
                    <input type="password" name="password" id="password">
                </fieldset>
                <input type="submit" id="login" value="Sign in">
                <label for="checkbox"><input type="checkbox" id="checkbox"> <i>Remember me</i></label>
            </fieldset>
            <p>New User ? <router-link class="sign" to="register">Sign Up</router-link> <span><a href="#">Forgot your password?</a></span></p>
        </form>
    </div>
</template>

<script>
    export default {
        name: 'login'
    }
</script>

<style>
    .login-bj {
        height: 700px;
        background-image: url(../assets/images/login_bg.png);
        padding-top: 100px;
    }
    #loginForm {
                margin: 0 auto;
    }
</style>
